.header {
 height: 50px;
 width: 100%;
 background-color: #ff841d;
 padding: 10px;
 box-sizing: border-box;

 .logo {
  // display: block;
  float: left;
  height: 25px;
  width: 185px;

  >img {
   display: block;
   width: 100%;
  }
 }

 .app {

  float: right;
  width: 34px;
  height: 34px;

  >img {
   width: 100%;
  }
 }
}

.footer {
 width: 100%;
 height: 84px;
 background-color: #fff;
box-sizing: border-box;
 .toolbar {
  display: flex;
  text-align: center;

  div {
   flex: 1;
   height: 30px;
   line-height: 30px;
  }

  div:nth-of-type(-n+2) {
   border: 1px solid #d1d1d1;
   border-left: none;
  }

  div:nth-last-of-type(1) {
   border: none;
   border-top: 1px solid #d1d1d1;
   border-bottom: 1px solid #d1d1d1;
  }
 }

 p {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
 }
 p:nth-of-type(1){
  >a{
   color: red;
  }
 }
}